$(function() {
	// <!-- 11产品图切换颜色 -->
	//1、点击不同色块颜色时，添加选中效果
	//2、获取当前色块图片的src属性(.color_change ul li img)
	//2、通过获取到的属性获取到原点的索引值
	//3、根据索引值获取到图片后缀类型
	//4、根据索引值获取到图片前缀名称
	//5、拼接获取左侧图片的大图图片名称(bigImg  _one_small)
	//6、拼接获取弹窗展示的大图图片名称(thickImg  _one_big)
	//7、设置不同色块展示选中效果(拼接文本信息展示颜色)
	//8、展示左侧对应颜色产品小图(该颜色的展示，其余颜色隐藏)
	//8、设置弹窗展示的图片名称为拼接的大图图片名称
	
	$(".color_change ul li img").click(function(){
		var src=$(this).attr("src")//images/pro_img/yellow.jpg   images/pro_img/yellow   .jpg
		i=src.lastIndexOf(".")
		imgPrev=src.substring(0,i)
		imgLast=src.substring(i)
		$("#bigImg").attr("src",imgPrev+"_one_small"+imgLast)
		$("#thickImg").attr("src",imgPrev+"_one_big"+imgLast)
		var alt=$(this).attr("alt")
		$(this).parent().parent().siblings("strong").text(alt)
		var color=imgPrev.replace("images/pro_img/","")
		classname=".imgList_"+color
		$(".imgList li").hide()
		$(classname).show()
		$(classname).eq(0).find("a").click()
	})
	
})


// /*衣服颜色切换*/
// $(function(){
// 	$(".color_change ul li img").click(function(){    
// 		  $(this).addClass("hover").parent().siblings().find("img").removeClass("hover");
// 		  var imgSrc = $(this).attr("src");
// 		  var i = imgSrc.lastIndexOf(".");
// 		  var unit = imgSrc.substring(i);
// 		  imgSrc = imgSrc.substring(0,i);
// 		  var imgSrc_small = imgSrc + "_one_small"+ unit;
// 		  var imgSrc_big = imgSrc + "_one_big"+ unit;
// 		  $("#bigImg").attr({"src": imgSrc_small });
// 		  $("#thickImg").attr("href", imgSrc_big);
// 		  var alt = $(this).attr("alt");
// 		  $(".color_change strong").text(alt);
// 		  var newImgSrc = imgSrc.replace("images/pro_img/","");
// 		  $("#jnProitem .imgList li").hide();
// 		  $("#jnProitem .imgList").find(".imgList_"+newImgSrc).show();
// 		  //解决问题：切换颜色后，放大图片还是显示原来的图片。
// 		  $("#jnProitem .imgList").find(".imgList_"+newImgSrc).eq(0).find("a").click();
// 	});
// });